
@extends('Home.common.header')

<br/><br/>

<div role="listbox" class="carousel-inner">
	
	<!-- 背景图片 -->
	<div class="item active" style="width:26%;margin-left:19%;margin-top:1%;float:left;">
		<img src="{{ asset('/images/login/bg.jpg') }}">
	</div>

	<!-- 登录面板 -->
	<div class="biaodan" style="width:26%;margin-left:13%;float:left;margin-top:7%;">
		
		<!-- 头像图片 -->
		<img class="logo" style="width:80px;height:80px;margin-bottom:20px;" src="{{ asset('/images/login/head.jpg') }}" >
		
		<!-- 显示错误信息 -->
		<div style='width:200px;margin-left:120px;font-size:17px;height:50px;margin-top:-50px;color:red;' id="show_div" >{{ session('info') }}</div>
		
		<!-- 表单 -->
		<form class="form-horizontal" action="{{ url('/doLogin') }}" method='post' >
			
			{{ csrf_field() }}
			
			<div class="form-group" style="margin-bottom:20px;" >
				<div class="col-sm-4">
					<input type="text" class="form-control" style="width:300px;height:46px;" name='name' value="{{ $name or session('name') }}" placeholder="名字/手机号">
				</div>
			</div>
			
			<div class="form-group" style="margin-bottom:20px;" >
				<div class="col-sm-4">
				  <input type="password"  name='pass' value="{{ $pass or '' }}" class="form-control" style="width:300px;height:46px;" placeholder="密码">
				</div>
			</div>
			
			<div class="form-group">
				<div style="margin-left:14.3%;" class="col-sm-offset-1 ">
				  <div class="checkbox">
					<label style="margin-left:-35px;">
						
						<input type="checkbox" name='rememberMe' <?php if( isset($pass) ) { echo 'checked';} ?> > 一周免登录
						
						<a href="{{ url('/reg') }}" style="font-size:15px;width:100px;margin-left:200px;margin-top:-20px;display:block;">快速注册</a>
					</label>
				  </div>
				</div> 
			</div>
		 
			<div class="form-group">
				<div style="position: relative;left:16px;">
					<input type="submit" class="btn btn-danger btn-lg" style="width:300px;height:43px;" value='登录'>
				</div>
			</div>
		
		</form>
	</div>
</div>

<!-- 引入jq -->
<script type="text/javascript" src="{{ asset('./js/jquery-1.8.3.min.js') }}"></script>
<script>
	$(function(){
		// 显示错误信息
		if( $("#show_div").html().length > 0 )
		{
			// 显示
			$("#show_div").delay(1500).fadeOut(500);
		}
	});
</script>

@extends('Home.common.footer')